<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div {
				width: 200px;
				height: 200px;
				background: #000;
				margin: 20px;
			}

			#div1 { /*对其他浏览器*/
				background: #F00!important;
				background: #00F;/* for IE6 only */
			}
			/* 对于其他浏览器，加了important，优先级最高，所以，显示为红色
			 * 对于IE6而言，IE6不认识important，所以背景变为蓝色
			 *
			 */

			#div2 {
				background: #F00;
				*background: #00F;/* for IE6 only */
			}
		</style>
	</head>
	<body>
		<!--CSS hack，利用同一种语法，在不同浏览器上的效果不一样，来达到适配性-->
		<div id="div1"></div>

		<div id="div2"></div>
	<div><script language="javascript">

	</script></div></body>
</html>
